<section class="box clearfix productTeaserBox">
	<div class="breadcrumb">
		<a href="#"> Trang chủ </a> > <a href="#"> Giỏ hàng </a>
	</div>
</section>
<section class="box clearfix productTeaserBox">
	<div id="gallery1" style="display: none;">
		<a href="#" class="show"><img rel=" " title="" alt="slider1"
			src="images/nuoc_1.jpg"></a> <a href="#" class=""><img rel=" "
			title="" alt="slider1" src="images/23.png"></a> <a href="#" class=""><img
			rel=" " title="" alt="slider1" src="images/nuoc_1.jpg"></a> <a
			href="#" class=""><img rel=" " title="" alt="slider1"
			src="images/23.png"></a>
	</div>
</section>
<section class="box clearfix productTeaserBox">
	<div class="poruduct_shop">
		<h1>Thông tin mua hàng</h1>
		<div class="product_listshop">
			<dl>
				<dt>Hình ảnh</dt>
				<dd>
					<img src="<?php echo $detailproduct->img1; ?>" alt="" />
				</dd>
			</dl>
			<dl>
				<dt>Tên sản phẩm</dt>
				<dd>
					<p><?php echo $detailproduct->title; ?></p>
				</dd>
			</dl>
			<dl>
				<dt>Giá</dt>
				<dd>
					<p><?php echo number_format($detailproduct->price);?> VNĐ</p>
				</dd>
			</dl>
<!-- 			<dl> -->
<!-- 				<dt>Thuế</dt> -->
<!-- 				<dd> -->
<!-- 					<p>30.000 VNĐ</p> -->
<!-- 				</dd> -->

<!-- 			</dl> -->
			<dl>
				<dt>Tổng tiền</dt>
				<dd>
					<p style="font-size: 14px; color: #F5393C; font-weight: bold;"><?php echo number_format($detailproduct->price);?> VNĐ</p>
				</dd>

			</dl>
			<div class="summony">
				<p>
					Tổng cộng :<b style="color: #FB2326;"> <?php echo number_format($detailproduct->price);?> VNĐ</b>
				</p>
			</div>
			<style>
dl {
	margin-bottom: 50px;
	width: 140px;
	overflow: hidden;
	float: left;
}

dl dt {
	background: #8DA7EC;
	color: #fff;
	font-weight: bold;
	padding: 7px;
	width: 140px;
	float: left;
}

dl dd img {
	width: 100px;
	height: 100px;
}

dl dd p {
	font-size: 13px;
	padding: 5px;
	margin-top: 30px;
}

dl dd {
	margin: 2px 0;
	padding: 5px 0;
	width: 140px;
}

.summony {
	float: right;
	margin-right: 30px;
}

.summony {
	border-top: 1px #ccc solid;
	height: 20px;
}

.poruduct_shop h1 {
	font-size: 20px;
}

.box_form p {
	margin: 15px 0;
	height: 28px;
}

.box_form label {
	display: block;
	float: left;
	text-align: left;
	width: 140px;
}

.box_form input {
	line-height: 30px;
	padding-left: 5px;
	width: 350px;
}

.box_form select {
	color: #4D4C4C;
	height: 22px;
	line-height: 30px;
	padding-left: 5px;
	width: 300px;
}

.nofill-select {
	background: none repeat scroll 0 0 #1A1A1A;
	float: left;
	height: 300px;
	margin-left: -30px;
	position: relative;
	width: 30px;
	z-index: 10;
}

.box_form option {
	background: none repeat scroll 0 0 #1E1E1E;
	border: 1px solid #232323;
	color: #4D4C4C;
	line-height: 22px;
	padding-left: 5px;
}

.box_form textarea {
	border-width: 1px;
	color: #4D4C4C;
	height: 90px;
	line-height: 22px;
	padding-left: 5px;
	width: 300px;
}

.datmua {
	width: 720px;
	margin-top: 40px;
	height: 60px;
}

.datmua a.shopping-cart1 {
	background: none repeat scroll 0 0 #004084;
	border-radius: 5px;
	box-shadow: 0 0 4px #CCCCCC;
	color: #FFFFFF;
	text-decoration: none;
	height: 26px;
	margin-top: 10px;
	font-weight: bold;
	padding: 7px 10px;
}

.datmua a.shopping-cart1:hover {
	background: none repeat scroll 0 0 #D85F0E;
	border-radius: 5px;
	box-shadow: 0 0 4px #CCCCCC;
	color: #FFFFFF;
	text-decoration: none;
	height: 26px;
	margin-top: 10px;
	font-weight: bold;
	padding: 7px 10px;
}
.summony {
  margin-bottom: 20px !important;
}
dl {
  float: left;
  margin-bottom: 50px;
  overflow: hidden;
  width: 179px;
}
dl dt {
  background: none repeat scroll 0 0 #8DA7EC;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  padding: 7px;
  width: 164px;
}
</style>
			<script>
			function validateForm()
			{
				var x=document.forms["mhfrom"]["fullname"].value;
				if (x==null || x=="")
				{
				  	alert("Chưa điền tên ");
				  	return false;
				}

				var x=document.forms["mhfrom"]["phone"].value;
				if (x==null || x=="")
				{
				  	alert("Bạn chưa điền số điện thoại ");
				  	return false;
				}
			}
			</script>
		</div>
		<form action="<?php echo base_url().'mua-hang'?>" method="POST" name="mhfrom" onsubmit="return validateForm()">
		<div class="product_shop_user">
			<h2>Thông tin khách hàng</h2>
			<div class="box_form">
				<div id="form0" class="formswitch">
				    <input type="hidden" name="productid" value="<?php echo $detailproduct->p_id; ?>">
					<p>
						<label class="lienhe_label">Tên Khách hàng<b class="text_red">*</b></label>
						<input type="text" value="" name="fullname" id="fullname"
							onfocus="hidenmessage();" class="valid">
					</p>
					<p>
						<label class="lienhe_label">Số điện thoại<b class="text_red">*</b></label>
						<input type="text" value="" onfocus="hidenmessage();" id="phone" name="phone">
					</p>
					<p>
						<label class="lienhe_label">Địa chỉ </label> <input type="text"
							value="" onfocus="hidenmessage();" name="address" id="address">
					</p>

				</div>

			</div>

		</div>
		<div class="datmua">
			<a class="shopping-cart1" href="<?php echo base_url(); ?>">Quay lại trang chủ</a>
			<input type="submit" value="Mua hàng" class="id" id="muahang"> 
			
		</div>
		</form>
	</div>
</section>
</div>
<div style="clear: both"></div>